<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    <title>首页</title>
    <!--公共css-->
    <link rel="stylesheet" href="css/base.css">
    <!--本页面css-->
    <link rel="stylesheet" href="css/news.css">
    <!--页脚-->
    <link rel="stylesheet" href="css/common.css">
    <!--mui css-->
    <link rel="stylesheet" href="lib/mui/css/mui.min.css">
    <link rel="stylesheet" href="lib/swiper/swiper.min.css">

</head>
<body>

<div class="layout">

    <!--返回顶部-->
    <div class="gotop hide">
        <a href="javascript:void(0);">
            <p class="iconfont">&#xe62e;</p>
            <p>顶部</p>
        </a>
    </div>


    <!--头部-->
    <div class="head">
        <span class="mui-icon mui-icon-back" onclick="javascript :history.go(-1);"></span>
        <div class="title-img">
            <a href="/">
                <img src="images/news/new_title_img.png" alt="">
            </a>
        </div>
    </div>

    <!--轮播图-->
    <div class="top-img">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="javascript:void(0);">
                        <img src="images/news/banner01.png" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="javascript:void(0);">
                        <img src="images/news/banner01.png" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="javascript:void(0);">
                        <img src="images/news/banner01.png" alt="">
                    </a>
                </div>
            </div>
        </div>
    </div>


    <!--创业资讯和品牌资讯-->
    <div class="news-content">
        <ul class="new-sel" id="new-sel">
            <li class="ns-active">创业资讯</li>
            <li>品牌资讯</li>
        </ul>
        <ul class="news-opt" id="news-opt">
            <li>
                <a href="/newsinfo.html" class="w set1">
                    <img src="images/news/news_img.png" alt="">
                    <div class="no-right">
                        <p>五万块钱能开餐饮店吗？来看看这家小店怎么样？五万块钱能开餐饮店吗？来看看这家小店怎么样？五万块钱能开餐饮店吗？来看看这家小店怎么样？</p>
                        <p>五万块钱能开什么样的餐饮店呢？</p>
                    </div>
                </a>
                <a href="/newsinfo.html" class="w set1">
                    <img src="images/news/news_img.png" alt="">
                    <div class="no-right">
                        <p>五万块钱能开餐饮店吗？来看看这家小店怎么样？五万块钱能开餐饮店吗？来看看这家小店怎么样？五万块钱能开餐饮店吗？来看看这家小店怎么样？</p>
                        <p>五万块钱能开什么样的餐饮店呢？</p>
                    </div>
                </a>
                <a href="/newsinfo.html" class="w set1">
                    <img src="images/news/news_img.png" alt="">
                    <div class="no-right">
                        <p>五万块钱能开餐饮店吗？来看看这家小店怎么样？五万块钱能开餐饮店吗？来看看这家小店怎么样？五万块钱能开餐饮店吗？来看看这家小店怎么样？</p>
                        <p>五万块钱能开什么样的餐饮店呢？</p>
                    </div>
                </a>
                <a href="javascript:void(0);" class="w set2">
                    <div class="no-top">
                        <p>五万块钱能开餐饮店吗？来看看这家小店怎么样？</p>
                        <p>五万块钱能开什么样的餐饮店呢？</p>
                    </div>
                    <div class="img-box">
                        <img src="images/news/news_set2_01.jpg" alt="">
                        <img src="images/news/news_set2_02.jpg" alt="">
                        <img src="images/news/news_set2_03.jpg" alt="">
                    </div>
                </a>
                <a href="/newsinfo.html" class="w set1">
                    <img src="images/news/news_img.png" alt="">
                    <div class="no-right">
                        <p>五万块钱能开餐饮店吗？来看看这家小店怎么样？五万块钱能开餐饮店吗？来看看这家小店怎么样？五万块钱能开餐饮店吗？来看看这家小店怎么样？</p>
                        <p>五万块钱能开什么样的餐饮店呢？</p>
                    </div>
                </a>
                <a href="/newsinfo.html" class="w set1">
                    <img src="images/news/news_img.png" alt="">
                    <div class="no-right">
                        <p>五万块钱能开餐饮店吗？来看看这家小店怎么样？五万块钱能开餐饮店吗？来看看这家小店怎么样？五万块钱能开餐饮店吗？来看看这家小店怎么样？</p>
                        <p>五万块钱能开什么样的餐饮店呢？</p>
                    </div>
                </a>
                <a href="javascript:void(0);" class="w set2">
                    <div class="no-top">
                        <p>五万块钱能开餐饮店吗？来看看这家小店怎么样？</p>
                        <p>五万块钱能开什么样的餐饮店呢？</p>
                    </div>
                    <div class="img-box">
                        <img src="images/news/news_set2_01.jpg" alt="">
                        <img src="images/news/news_set2_02.jpg" alt="">
                        <img src="images/news/news_set2_03.jpg" alt="">
                    </div>
                </a>
                <a href="javascript:void(0);" class="load-more" id="load1">加载更多项目</a>
            </li>
            <li class="hide">
                <a href="/newsinfo.html" class="w set1">
                    <img src="images/news/news_img.png" alt="">
                    <div class="no-right">
                        <p>五万块钱能开餐饮店吗？来看看这家小店怎么样？五万块钱能开餐饮店吗？来看看这家小店怎么样？五万块钱能开餐饮店吗？来看看这家小店怎么样？</p>
                        <p>五万块钱能开什么样的餐饮店呢？</p>
                    </div>
                </a>
                <a href="/newsinfo.html" class="w set1">
                    <img src="images/news/news_img.png" alt="">
                    <div class="no-right">
                        <p>五万块钱能开餐饮店吗？来看看这家小店怎么样？五万块钱能开餐饮店吗？来看看这家小店怎么样？五万块钱能开餐饮店吗？来看看这家小店怎么样？</p>
                        <p>五万块钱能开什么样的餐饮店呢？</p>
                    </div>
                </a>
                <a href="/newsinfo.html" class="w set1">
                    <img src="images/news/news_img.png" alt="">
                    <div class="no-right">
                        <p>五万块钱能开餐饮店吗？来看看这家小店怎么样？五万块钱能开餐饮店吗？来看看这家小店怎么样？五万块钱能开餐饮店吗？来看看这家小店怎么样？</p>
                        <p>五万块钱能开什么样的餐饮店呢？</p>
                    </div>
                </a>
                <a href="javascript:void(0);" class="w set2">
                    <div class="no-top">
                        <p>五万块钱能开餐饮店吗？来看看这家小店怎么样？</p>
                        <p>五万块钱能开什么样的餐饮店呢？</p>
                    </div>
                    <div class="img-box">
                        <img src="images/news/news_set2_01.jpg" alt="">
                        <img src="images/news/news_set2_02.jpg" alt="">
                        <img src="images/news/news_set2_03.jpg" alt="">
                    </div>
                </a>
                <a href="/newsinfo.html" class="w set1">
                    <img src="images/news/news_img.png" alt="">
                    <div class="no-right">
                        <p>五万块钱能开餐饮店吗？来看看这家小店怎么样？五万块钱能开餐饮店吗？来看看这家小店怎么样？五万块钱能开餐饮店吗？来看看这家小店怎么样？</p>
                        <p>五万块钱能开什么样的餐饮店呢？</p>
                    </div>
                </a>
                <a href="/newsinfo.html" class="w set1">
                    <img src="images/news/news_img.png" alt="">
                    <div class="no-right">
                        <p>五万块钱能开餐饮店吗？来看看这家小店怎么样？五万块钱能开餐饮店吗？来看看这家小店怎么样？五万块钱能开餐饮店吗？来看看这家小店怎么样？</p>
                        <p>五万块钱能开什么样的餐饮店呢？</p>
                    </div>
                </a>
                <a href="javascript:void(0);" class="w set2">
                    <div class="no-top">
                        <p>五万块钱能开餐饮店吗？来看看这家小店怎么样？</p>
                        <p>五万块钱能开什么样的餐饮店呢？</p>
                    </div>
                    <div class="img-box">
                        <img src="images/news/news_set2_01.jpg" alt="">
                        <img src="images/news/news_set2_02.jpg" alt="">
                        <img src="images/news/news_set2_03.jpg" alt="">
                    </div>
                </a>
                <a href="javascript:void(0);" class="load-more" id="load2">加载更多项目</a>
            </li>

        </ul>

    </div>

    <!--页脚-->
    <footer>
        <div class="foot-logo">
            <a href="javascript:void(0);">
                <img src="images/index/foot-logo.png" alt="">
            </a>
            <div>
                <p>备案号：icp238594052</p>
                <p>官方联系方式：4000-000-000</p>
            </div>
        </div>
        <p>招商加盟网友情提示您：投资有风险，加盟需谨慎</p>
    </footer>
</div>

<!--rem-->
<script src="js/rem.js"></script>
<!--mui-->
<script src="lib/mui/js/mui.min.js"></script>
<!--jq-->
<script src="lib/jq/jquery-1.10.2.min.js"></script>
<script src="lib/swiper/swiper.min.js"></script>
<script>
    $(function () {
        $("#new-sel").on("touchstart", "li", function () {
            $(this).addClass("ns-active").siblings().removeClass("ns-active")
            $("#news-opt li").eq($(this).index()).show().siblings().hide()
        })


        // 返回顶部
        $(window).scroll(function () {
            if ($(this).scrollTop() > 100) {
                $(".gotop").fadeIn()
            } else {
                $(".gotop").fadeOut()
            }
        })
        $(".gotop").on("touchstart", function () {
            $('body,html').animate({scrollTop: 0}, 300);
        })



        function lbtInit(){
            var mySwiper = new Swiper ('.swiper-container', {
                loop: true,
                // slidesOffsetBefore : 20,
                // slidesOffsetAfter : 3,
                slidesPerView : 1.1,
                centeredSlides : false,
                spaceBetween : 20,
                history: 'love',
            })
        }

        lbtInit()
    })
</script>
</body>
</html>

<!--
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$      $$$$$$$$$$$     $$$$$$$$        $$$$$$$$         $$$$
$$$$   $$$$   $$$$$$$   $$$   $$$$$$   $$$$   $$$$$$   $$$$$$$$$$
$$$   $$$$$$$$$$$$$$   $$$$$   $$$$$   $$$$$   $$$$$   $$$$$$$$$$
$$$  $$$$$$$$$$$$$$$  $$$$$$$  $$$$$   $$$$$$  $$$$$        $$$$$
$$$   $$$$$$$$$$$$$$   $$$$$   $$$$$   $$$$$   $$$$$   $$$$$$$$$$
$$$$   $$$$   $$$$$$$   $$$   $$$$$$   $$$$   $$$$$$   $$$$$$$$$$
$$$$$$      $$$$$$$$$$$     $$$$$$$$        $$$$$$$$         $$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
-->
